<%@ page language="java" contentType="text/html; charset=utf-8"  pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!--输出,条件,迭代标签库-->
<%@ page isELIgnored="false" %>
<!DOCTYPE HTML>
<html>
<head>
<title>博客后台系统管理员登录</title>
<!-- Custom Theme files -->
<link href="assets/stylesheets/login.css" rel="stylesheet" type="text/css" media="all"/>
<link href="assets/stylesheets/bootstrap/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="keywords" content="Login form web template, Sign up Web Templates, Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link href='#css?family=Roboto:500,900italic,900,400italic,100,700italic,300,700,500italic,100italic,300italic,400' rel='stylesheet' type='text/css'>
<link href='#css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
	<link rel="shortcut icon " type="images/x-icon" href="assets/images/me.ico">
<!--Google Fonts-->
</head>
<body>
<script src='assets/javascripts/jquery/jquery.min.js' type='text/javascript'></script>
<script src='assets/javascripts/common/commonutil.js' type='text/javascript'></script>
<script src='assets/javascripts/admin/admin.js' type='text/javascript'></script>
<script src="assets/javascripts/bootstrap/bootstrap.min.js"></script>
<div class="login">
	<h2>Acced Form</h2>
	<div class="login-top">
		<h1>管理员登录</h1>
		<form action="21">
			<input id="username" type="text" value="" placeholder="请输入用户名">
			<input id="password" type="password" value="" placeholder="请输入密码">
			<%--<input id="repassword" type="password" value="" placeholder="请再输入一遍">--%>
			<div>
				<input id="j_captcha" name="j_captcha" type="text"
					   class="form-control in" placeholder="请输入验证码" />
				<div class="item-input">
					<img id="captcha_img" alt="点击更换" title="点击更换" src="/Kaptcha" />
				</div>
			</div>
	    </form>
	    <div class="forgot">
			<a  class="hidden loginsuccess" data-toggle="modal" data-target="#myModal">
			</a>
			<a  class="hidden loginfail" data-toggle="modal" data-target="#myModal1">
			</a>
			<a  class="hidden input_captcha" data-toggle="modal" data-target="#input_captcha">
			</a>
	    	<input id="submit" type="submit" value="登录" >
	    </div>
	</div>
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						恭喜
					</h4>
				</div>
				<div class="modal-body">
					登录成功!
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabe2">
						啊哦
					</h4>
				</div>
				<div class="modal-body fail-message">
					添加失败!
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<div class="modal fade" id="input_captcha" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body">
					请输入验证码
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<%--<div class="login-bottom">--%>
		<%--<h3>New User &nbsp;<a href="#">Register</a>&nbsp Here</h3>--%>
	<%--</div>--%>
</div>
<script>
    $('#captcha_img').click(function () {
        this.src="/Kaptcha?" + Math.floor(Math.random() * 100);
    });
</script>
</body>
</html>